<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Index</title>
<link rel="shortcut icon" type="image/ico" href="favicon.ico" />
<link type="text/css" rel="stylesheet" href="css/main.css" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<style type="text/css">
body { background:#EAF5FB url(images/bg.gif) repeat-x; }
.header { text-align:left; height:100px; border:1px solid #09C; }
.bodyer { text-align:left; height:auto; }
.footer { text-align:left; height:30px; border:1px solid #09C; }
.main { height:auto; width:600px; border:1px solid #09C; }
.side { height:300px; width:340px; border:1px solid #09C; }
.icons { line-height:16px; margin:5px 5px; }
.icons .icon { margin:0px 5px; }
.my_list { margin:5px 5px; }
</style>
</head>
<body>
<div class="header clearfix">header</div>
<script type="text/javascript">


</script>

<div class="bodyer clearfix">
  <div class="main clearfix flt">main
    <div class="icons">icon2<span class="icon icon_1_02"></span> icon3<span class="icon icon_1_03"></span> icon4<span class="icon icon_1_03"></span> icon5<span class="icon icon_1_05"></span> icon6<span class="icon icon_1_06"></span> icon7<span class="icon icon_1_07"></span> icon8<span class="icon icon_1_08"></span> icon9<span class="icon icon_1_09"></span> icon10<span class="icon icon_1_10"></span></div>
    <div class="forms">
      <div class="error"> This is a &lt;div&gt; with the class <strong>.error</strong>. <a href="#">Link</a>. </div>
      <div class="notice"> This is a &lt;div&gt; with the class <strong>.notice</strong>. <a href="#">Link</a>. </div>
      <div class="success"> This is a &lt;div&gt; with the class <strong>.success</strong>. <a href="#">Link</a>. </div>
    </div>
  </div>
  <div class="side clearfix frt">side
    <div class="my_list clearfix">
      <div class="my_item">
        <div class="my_head">head</div>
        <div class="my_body">
          <div class="my_name">name</div>
          <div class="my_info">info</div>
          <div class="my_text">text</div>
        </div>
        <div class="my_foot">foot</div>
      </div>
    </div>
  </div>
</div>
<div class="footer clearfix">footer</div>
</body>
</html>
